.comment-button {
	align-items: center;
	box-sizing: border-box;
	color: var( --color-text-subtle );
	cursor: pointer;
	display: inline-flex;
	list-style-type: none;
	padding: 4px;
	position: relative;

	&:hover,
	&:focus,
	&:active {
		color: var( --color-primary );
	}

	.comment-button__label-count {
		margin-right: 4px;
	}

	.comment-button__label-status {
		@include breakpoint-deprecated( '<480px' ) {
			display: none;
		}
	}
}

.comment-button__label {
	font-size: $font-body-small;
	margin-left: 4px;
}

.comment-button__icon {
	position: relative;
	top: 2px;
}
